<template>
  <div id="stepButton">
    <button class="button" v-if="btnShow.prev"    @click="prevBtn">上一步</button>
    <button class="button" v-if="btnShow.next"    @click="nextBtn">下一步</button>
    <button class="button" v-if="btnShow.success" @click="successBtn">完成</button>
    <button class="button" v-if="btnShow.save"    @click="saveBtn">保存</button>
  </div>
</template>
<script>
export default {
  /*
  * nextBtn    下一步的方法
  * prevBtn    上一步的方法
  * successBtn 完成的方法
  * btnShow    按钮的显示
  */
  props: ['nextBtn', 'prevBtn', 'successBtn', 'btnShow', 'saveBtn'],
  data () {
    return {
      actModulesArr: []
    }
  },
  methods: {

  }
}
</script>
<style lang="less" scoped>
  .button{
    width: 200px;
    height: 35px;
    border-radius: 5px;
    background: #63c5ce;
    margin: 30px 40px 0;
    color: #fff;
    &:hover{
      cursor: pointer;
    }
  }
</style>
